<!--组件-学堂Cell-->
<template>
  <div class="cell" @click="click()">
    <div class="all">
      <text class="font32 text2 title">{{item.courseTitle}}</text>

      <div class="height20"></div>
      <div class="row jbetween">
        <text class="font24 text3">{{item.time}}</text>
        <text class="font24 text3">{{T('&{1}次浏览').replace("&{1}", item.readTotal)}}</text>
      </div>
    </div>
    <LImage class="image bg3" :src="item.coursePath"></LImage>
    <div class="line bg4"></div>
  </div>
</template>
    
<style src="@/_css/style.css" ></style>
<style scoped>
.cell {
  flex-direction: row;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.title{
  line-height: 40px;
  lines: 2;
  text-overflow: ellipsis;
}
.image{
  width: 210px;
  height: 140px;
  border-radius: 6px;

  margin-left: 20px;
}
.line{
  position: absolute;
  height: 1px;

  bottom: 0;
  right: 0;
  left: 30;
}
</style>


<script>
import I18N from "@/_i18n/i18n";
var T = I18N.t;
export default {

  props: {
    item: Object, 
  },

  data() {
    return {
      T:T,
    };
  },

  created() {
  },

  methods: {
    /********************************** 点击触发*/
    //点击
    click() {
      this.$emit("click", this.item);
    },
  },
};
</script>
